﻿


.badcontent {
	-webkit-transition: color 400ms ease-out;
	-moz-transition: color 400ms ease-out;
	-ms-transition: color 400ms ease-out;
	-o-transition: color 400ms ease-out;
	transition: color 400ms ease-out;
	color: #ccc;
}

	.badcontent:hover {
		color: #cb0000;
	}

.goodcontent {
	-webkit-transition: color 400ms ease-out;
	-moz-transition: color 400ms ease-out;
	-ms-transition: color 400ms ease-out;
	-o-transition: color 400ms ease-out;
	transition: color 400ms ease-out;
	color: #ccc;
}

	.goodcontent:hover {
		color: #009814;
	}

.normalcontent {
	-webkit-transition: color 400ms ease-out;
	-moz-transition: color 400ms ease-out;
	-ms-transition: color 400ms ease-out;
	-o-transition: color 400ms ease-out;
	transition: color 400ms ease-out;
	color: #ccc;
}

	.normalcontent:hover {
		color: #222;
	}

table {
	width: 100%;
}

.propertycolumn {
	background-color: #eee;
}

.boarditem {
	padding-top:4px;
	padding-bottom:2px;
	padding-left:2px;
	background-color: rgba(227, 255, 232, 0.53);
	display: inline-block;
	border: solid #cee9d3 1px;
}

	.boarditem:hover {
		border: solid #222 1px;
		background-color: rgba(204, 230, 208, 0.79);
		border: solid #b2cbb7 1px;
	}

.removebutton {
	display: inline-block;
	padding-left:5px;
	padding-bottom:2px;
	color: #ccc;
}

	.removebutton:hover {

		border:none;
		color: #cb0000;
		
	}
